<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>logo设计需求问卷</title>
    <link rel="stylesheet" href="../css/inde.css">
    <link href="../css/layer.css" rel="stylesheet">
    <style>
        .comm{
            font-size: 10px;
            padding: 10px;
            border: solid;
            margin: 5px;
            border-color: #ffffff;
        }
        .on{
            border-color: orangered;
        }
    </style>
    <script src="../js/jquery.js"></script>
    <script src="../js/rem.js"></script>
    <script src="../js/layer.js"></script>
    <script type="text/javascript">
    !(function(){
        $.getUrlParam = function (name) {
            var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
            var r = window.location.search.substr(1).match(reg);
            if (r != null) return decodeURI(r[2]); return null;
        }
    })(jQuery);
    </script>
	<script>
		$(document).ready(function(){
		  layer.msg("WelcomeLOG问卷调查");
		});
	</script>
</head>
<body>
    <div class="box">
        <!--<div class="title">logo设计需求问卷</div>-->
        <div class="content">
            <div class="letter">
                <div class="let-title">来自设计师的一封信</div>
                <p>尊敬的客户：</p>
                <text class="le-text">您好！很高兴能够参与关于您企业/品牌的Logo设计。您可能觉得我可以天马行空，但我也想在起飞前知道我要飞去哪里，所以为了能够在接下来的设计过程中产生更多更好的创意，做出让人满意的Logo，希望您能够抽空，认真仔细的填写一下以下的设计问卷，确保我设计的Logo是您想要的，并且符合您企业/品牌的需求。再次感谢您！受累了！</text>
                <p class="le-last">您的设计师</p>
            </div>
            <div class="from">
                <div class="from-one">
                    <div class="one-title">
                        <div class="tit-le">1</div>
                        Logo名称设计基本信息<span>*</span>：
                    </div>
                    <div class="one-li">
                        <div class="one-top">所在地区：</div>
                        <div class="one-input">
                            <input type="text" class="param1">
                        </div>
                    </div>
                    <div class="one-li">
                        <div class="one-top">联系人微信昵称/微信号<span>（方便联系）</span>：</div>
                        <div class="one-input">
                            <input type="text" class="param2">
                        </div>
                    </div>
                    <div class="one-li">
                        <div class="one-top">主营业务：</div>
                        <div class="one-input">
                            <input type="text" class="param3">
                        </div>
                    </div>
					<div class="one-li">                                        
                        <div class="one-top">注册类别：</div>
                        <div class="one-input">
                            <input type="text" class="param4">
                        </div>
                    </div>
                    <div class="one-li">
                        <div class="one-top">设计规格：</div>
                        <div class="one-input">
                            <input type="text" class="param5">
                        </div>
                    </div>
                    <div class="one-li">
                        <div class="one-top">其他：</div>
                        <div class="one-input">
                            <input type="text" class="param6">
                        </div>
                    </div>
                </div>
                <div class="from-two">
                    <div class="two-title">
                        <div class="tit-le">2</div>
                        <div class="tit-ri">
                            您的营业范围简介<span class="tit-on">（请全面介绍您的产品或服务,以帮助我们更清晰的了解您的需求）</span><span>*</span>：
                        </div>
                    </div>
                    <div class="two-input">
                        <textarea rows="3" cols="20" class="param7"></textarea>
                    </div>
                </div>
                <div class="from-two">
                    <div class="two-title">
                        <div class="tit-le">3</div>
                        <div class="tit-ri">
                            Logo的名称含义<span class="tit-on">（请尽量详细描述一下为什么要给标志起这个名称,以帮助我们更清晰的了解您的需求）</span>：
                        </div>

                    </div>
                    <div class="two-input">
                        <textarea rows="3" cols="20" class="param8"></textarea>
                    </div>
                    <div class="two-title">
                        <div class="tit-le">4</div>
                        <div class="tit-ri">
                            同行业或其它行业中您比较欣赏哪几个名称<span class="tit-on">（重要 必填  喜欢的案例）</span>：
                        </div>

                    </div>
                    <div class="two-input">
                        <textarea rows="3" cols="20" class="param9"></textarea>
                    </div>
                    <div class="two-title">
                        <div class="tit-le">5</div>
                        <div class="tit-ri">
                            我们名称策划过程中需要注意的事项或要点，以及有无禁忌字眼，禁忌元素：<span class="tit-on">（没有可不填）</span>
                        </div>
                    </div>
                    <div class="two-input">
                        <textarea rows="3" cols="20" class="param10"></textarea>
                    </div>
                    <!-- --------------------------------------------6--------------------------------------------------- -->
                    <div class="two-title">
                        <div class="tit-le">6</div>
                        <div class="tit-ri">
                            您希望名称的风格是：
                        </div>
                    </div>
                    <div class="comm fix" data-info="a">
                        &nbsp;<b>a.传统沉稳</b><br>
                        &nbsp;&nbsp;&nbsp;<p>万达  永辉  中兴  京东</p>
                    </div>
                    <div class="comm fix" data-info="b">
                        &nbsp;<b>b.形象鲜明</b><br>
                        &nbsp;&nbsp;&nbsp;<p>飞猪  途牛  雪花  旺仔</p>
                    </div>
                    <div class="comm fix" data-info="c">
                        &nbsp;<b>c.吉祥富贵</b><br>
                        &nbsp;&nbsp;&nbsp;<p>老凤祥  富力  金六福  恒源祥</p>
                    </div>
                    <div class="comm fix" data-info="d">
                        &nbsp;<b>d.趣味创意</b><br>
                        &nbsp;&nbsp;&nbsp;<p>可口可乐  饿了么  三只松鼠  阿里巴巴</p>
                    </div>
                    <div class="comm fix" data-info="e">
                        &nbsp;<b>e.外文英译</b><br>
                        &nbsp;&nbsp;&nbsp;<p>纪梵希Givenchy  纳爱斯Nice  金利来Goldlion  香奈儿Chanel</p>
                    </div>
                    <div class="comm fix" data-info="f">
                        &nbsp;<b>f.古典优雅</b><br>
                        &nbsp;&nbsp;&nbsp;<p>碧桂园  五芳斋  杏花村  悦诗风吟</p>
                    </div>
                    <div class="two-input">
                        <textarea rows="3" cols="20" class="param12"></textarea>
                    </div>
                    <!-- --------------------------------------------7--------------------------------------------------- -->
                    <div class="two-title">
                        <div class="tit-le">7</div>
                        <div class="tit-ri">
                            您希望名称需要融入的元素:
                        </div>
                    </div>
                    <div class="comm seven" data-info="a">
                        &nbsp;<b>a.体现地区</b><br>
                        让当地客户富有强烈的亲和力。在其他地区进行业务拓广时，让他人知道源于哪的独有特色。<br>
                        &nbsp;&nbsp;&nbsp;<p>碧桂园  五芳斋  杏花村  悦诗风吟</p>
                    </div>
                    <div class="comm seven" data-info="b">
                        &nbsp;<b>b.动植物</b><br>
                        结合人们熟悉的事物，能够更突出企业或品牌的形象，加深记忆，易于营销。<br>
                        &nbsp;&nbsp;&nbsp;<p>七匹狼  小天鹅  白猫  红苹果</p>
                    </div>
                    <div class="comm seven" data-info="c">
                        &nbsp;<b>c.人物形象</b><br>
                        让品牌变得有血有肉，接地气又具备品牌人格，更容易输出品牌的文化。<br>
                        &nbsp;&nbsp;&nbsp;<p>小茗同学  江小白  沪上阿姨  康师傅</p>
                    </div>
                    <div class="comm seven" data-info="d">
                        &nbsp;<b>d.创始人姓名</b><br>
                        体现对自身品牌及其产品服务的认可与推崇。<br>
                        &nbsp;&nbsp;&nbsp;<p>腾讯  周大福  老干妈  王老吉</p>
                    </div>
                    <div class="comm seven" data-info="e">
                        &nbsp;<b>e.富有情感</b><br>
                        建立情感链接，触动客户，产生情感共鸣，有利于亲近客户，吸引客户。<br>
                        &nbsp;&nbsp;&nbsp;<p>如家 童年小筑 外婆家 漫生活</p>
                    </div>
                    <div class="comm seven" data-info="f">
                        &nbsp;<b>f.风景感</b><br>
                        让名称变得更有画面感，给顾客营造环境氛围。<br>
                        &nbsp;&nbsp;&nbsp;<p>农夫山泉  小城渔家  碧桂园  江边城外</p>
                    </div>
                    <div class="comm seven" data-info="g">
                        &nbsp;<b>g.融入数字</b><br>
                        用数字体现企业或者品牌的理念依据。另外数字全世界通用，易于推广。<br>
                        &nbsp;&nbsp;&nbsp;<p>361° 85℃  五粮液  三星</p>
                    </div>
                    <div class="comm seven" data-info="h">
                        &nbsp;<b>h.诗词典故</b><br>
                        因蕴含有很高的文化价值，能使人产生丰富的联想，以此而得到顾客的青睐。<br>
                        &nbsp;&nbsp;&nbsp;<p>百度  杏花村  露华浓  稻花香</p>
                    </div>
                    <div class="comm seven" data-info="i">
                        &nbsp;<b>i.业务特点</b><br>
                        凸显主营业务，精准体现出行业共同性。<br>
                        &nbsp;&nbsp;&nbsp;<p>安踏  淘宝  学而思  携程</p>
                    </div>
                    <div class="comm seven" data-info="j">
                        &nbsp;<b>j.口语化</b><br>
                        可做到易读易记易传播的特点，有利于营销推广。<br>
                        &nbsp;&nbsp;&nbsp;<p>来伊份  你好鸭  举个栗子</p>
                    </div>
                    <div class="two-input">
                        <textarea rows="3" cols="20" class="param14"></textarea>
                    </div>
                    <!-- --------------------------------------------8--------------------------------------------------- -->
                    <div class="two-title">
                        <div class="tit-le">8</div>
                        <div class="tit-ri">
                            名称您更倾向于使用：
                        </div>
                    </div>
                    <div class="comm eight-box" data-info="a">
                        <b style="color: #b92c28">a.更侧重于企业理念</b><br>
                        &nbsp;<b>七匹狼</b><br>
                        &nbsp;&nbsp;&nbsp;<p>因为当时他们是七个人一起创业的，“七”代表“众多”，而“狼”与闽南话中的“人”是谐音，最后就以“七匹狼”为企业名称，寓意为他们从事的是一个团结奋进的行业，同时他们非常欣赏它的团队意识，因为它的团队精神是最关键的一个成功因素。</p><br>
                        &nbsp;<b>天猫</b><br>
                        &nbsp;&nbsp;&nbsp;<p>发音跟tmall（购物中心）接近，再综合猫的特性，猫是性感而有品位的，代表的就是时尚、性感、潮流和品质；猫天生挑剔，挑剔品质，挑剔品牌，挑剔环境</p><br>
                        &nbsp;<b>瓜子</b><br>
                        &nbsp;&nbsp;&nbsp;<p>综合了瓜子二手车的品牌理念，交易过程就像嗑瓜子一样，轻松买车、卖车。</p><br>
                        &nbsp;<b>百度</b><br>
                        &nbsp;&nbsp;&nbsp;<p>“百度”二字源于中国宋朝词人辛弃疾的《青玉案·元夕》词句“众里寻他千百度”，象征着百度对中文信息检索技术的执著追求。</p><br>
                    </div>
                    <div class="comm eight-box" data-info="a">
                        <b style="color: #b92c28">b.更侧重于行业主体</b><br>
                        &nbsp;<b>特步</b><br>
                        &nbsp;&nbsp;&nbsp;<p>“不一样的步伐”“非一般的感觉”，围绕行走的感觉，呼应品牌主体运动鞋。</p><br>
                        &nbsp;<b>学而思</b><br>
                        &nbsp;&nbsp;&nbsp;<p>“学而不思则罔，思而不学则殆”孔子所指出的一种学习方法，告诫我们只有把学习和思考结合起来，才能学到切实有用的知识，否则就会收效甚微。其理念围绕学习教育。</p><br>
                        &nbsp;<b>网易</b><br>
                        &nbsp;&nbsp;&nbsp;<p>90年代中国的“网民”很少，中文网站也很少，服务费用也很昂贵，对绝大多数中国人来说，上网都是件可望不可及的事。而网易的目标就是要改变这种情况，理念围绕让中国人上网变得容易起来。</p><br>
                        &nbsp;<b>金地</b><br>
                        &nbsp;&nbsp;&nbsp;<p>房地产行业。金地，是对土地的一种美称，佛教谓菩萨所居以黄金铺地，故称。</p><br>
                    </div>
                </div>
                <div class="from-btn">提交需求</div>
            </div>
        </div>
    </div>
</body>
</html>
<script>
    $('.eight-box').click(function () {
        if($(this).hasClass('on')){
            $(this).removeClass('on');
        }else{
            $('.eight-box').removeClass('on');
            $(this).addClass("on");
        }
    });
    $('.seven').click(function () {
        if($(this).hasClass('on')){
            $(this).removeClass('on');
        }else{
            $(this).addClass("on");
        }
    });
    $('.fix').click(function () {
        if($(this).hasClass('on')){
            $(this).removeClass('on');
        }else{
            $(this).addClass("on");
        }
    });
    $('.four-ul .four-li').click(function () {
        var ca = '';
        if ($('.four-li').eq($(this).index()).hasClass('active')){
            $('.four-li').removeClass('active');
            $('.four-li').children(".four-img1").removeClass('active');
            $('.four-li').children(".four-img").addClass('active');
            $('.four-title input').val('');
            $('.four-gloss').removeClass('active');
        }
        else {
            $('.four-li').eq($(this).index()).addClass('active').siblings().removeClass('active');
            $('.four-li').eq($(this).index()).siblings().children(".four-img").removeClass('active');
            $('.four-li').eq($(this).index()).siblings().children(".four-img1").addClass('active');
            $('.four-li').eq($(this).index()).children(".four-img").addClass('active');
            $('.four-li').eq($(this).index()).children(".four-img1").removeClass('active');
            var va = $(this).attr("data-id");
            $('.four-title input').val(va);
            $('.four-gloss').addClass('active');
        }
        $('.four-gloss .glo-box').html(ca)

    });
  $('.five-ul .five-li').click(function () {
        var ca = '';
        if ($('.five-li').eq($(this).index()).hasClass('active')){
            $('.five-li').removeClass('active');
            $('.five-li').children(".five-img1").removeClass('active');
            $('.five-li').children(".five-img").addClass('active');
            $('.five-title input').val('');
            $('.five-gloss').removeClass('active');
        } else {
            $('.five-li').eq($(this).index()).addClass('active').siblings().removeClass('active');
            $('.five-li').eq($(this).index()).siblings().children(".five-img").removeClass('active');
            $('.five-li').eq($(this).index()).siblings().children(".five-img1").addClass('active');
            $('.five-li').eq($(this).index()).children(".five-img").addClass('active');
            $('.five-li').eq($(this).index()).children(".five-img1").removeClass('active');
            var va = $(this).attr("data-id");
            $('.five-title input').val(va);
            $('.five-gloss').addClass('active');
        }
        $('.five-gloss .glo-box').html(ca)
    });
    $('.six-ul .six-li').click(function () {
        var ca = '';
        if ($('.six-li').eq($(this).index()).hasClass('active')) {
            $('.six-li').removeClass('active');
            $('.six-le').removeClass('active');
            $('.six-li').children(".six-img1").removeClass('active');
            $('.six-li').children(".six-img").addClass('active');
            $('.six-title input').val('');
            $('.six-gloss').removeClass('active');
        }else {
            $('.six-li').eq($(this).index()).addClass('active').siblings().removeClass('active');
            $('.six-le').eq($(this).index()).addClass('active').siblings().removeClass('active');
            $('.six-li').eq($(this).index()).siblings().children(".six-img").removeClass('active');
            $('.six-li').eq($(this).index()).siblings().children(".six-img1").addClass('active');
            $('.six-li').eq($(this).index()).children(".six-img").addClass('active');
            $('.six-li').eq($(this).index()).children(".six-img1").removeClass('active');
            var va = $(this).attr("data-id");
            $('.six-title input').val(va);
            $('.six-gloss').addClass('active');
        }
        $('.six-gloss .glo-box').html(ca)
    });

    $('.from-btn').click(function () {
        var fix = $(".fix.on");
        var fixArr= new Array();
        var seven = $(".seven.on");
        var sevenArr= new Array();
        var eight = $(".eight-box.on");
        var eightArr= new Array();
        
        for (var i = 0; i < fix.length; i++){
            fixArr[i] = fix[i].getAttribute("data-info");
        }
        for (var i = 0; i < seven.length; i++){
            sevenArr[i] = seven[i].getAttribute("data-info");
        }
        for (var i = 0; i < eight.length; i++){
            eightArr[i] = eight[i].getAttribute("data-info");
        }
        
        var comm1 = $('.param1').val();
        var comm2 = $('.param2').val();
        var comm3 = $('.param3').val();
        var comm4 = $('.param4').val();
        var comm5 = $('.param5').val();
        var comm6 = $('.param6').val();
        var comm7 = $('.param7').val();
        var comm8 = $('.param8').val();
        var comm9 = $('.param9').val();
        var comm10 = $('.param10').val();
        var comm11 = fixArr.join(",");
        var comm12 = $('.param12').val();
        var comm13 = sevenArr.join(",");
        var comm14 = $('.param14').val();
        var comm15 = eightArr.join(",");

            //color_images = $('.five-li.active').attr("data-id")
            /*$(".choseimg .eig-img").each(function () {
                var src = $(this).attr("src");
                if ($(this).attr("src") != "") {
                    appreciate_image = appreciate_image == '' ? src : appreciate_image+","+src;
                }
            });*/

            if (comm1 != '' && comm2 != '' && comm3 != '' && comm4 != ''&& comm5 != "" && comm9 != "" && comm11 != "" && comm13 != "" && comm15 != "") {
                $.ajax({
                    type:'POST',
                    url:'/quesPhone/insertInfo.do',
                    datatype:"json",
                    data:{
                        logeNameCN:comm1,
                        logeNameEN:comm2,
                        trade:comm3,
                        linkman:comm4,
                        phone:comm5,
                        brief:comm6,
                        mean:comm7,
                        imgFlag:comm8,
                        imgFlagASK:comm9,
                        imgFlagCol:comm10,
                        imgFlagColASK:comm11,
                        wantType:comm12,
                        img1:comm13,
                        img2:comm14,
                        img3:comm15,
                        comm6:2
                    },
                    success:function (res) {
                        if (res.state == 1){
                            layer.msg(res.msg)
                            setTimeout(function(){
                                window.location.reload();//刷新当前页面.
                            },2000)
                        }else {
                            layer.msg(res.msg)
                        }
                    }
                })
            }else {
                layer.msg('请填写所有必填内容')
            }
    })
</script>
